<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>register</title>
  <link rel="stylesheet" href="css/goodlooking/bootstrap/bootstrap-icons.css">
  <link rel="stylesheet" href="css/goodlooking/bootstrap/min.css">
  <link rel="stylesheet" href="css/goodlooking/tooplate-kool-form-pack.css">
<!--  <link rel="stylesheet" href="css/bootstrap.min.css">-->

</head>
<body>

<div class="col-lg-12 col-12 d-flex align-items-center">
  <a href="#" class="custom-btn custom-border-btn btn" data-bs-toggle="modal" data-bs-target="#subscribeModal">
    Notify me
    <i class="bi-arrow-right ms-2"></i>
  </a>
</div>

<div class="modal fade show" id="subscribeModal" tabindex="-1" aria-labelledby="subscribeModalLabel" style="display: block;" aria-modal="true" role="dialog">
  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">

        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <div class="modal-body">
        <form action="#" method="get" class="custom-form mt-lg-4 mt-2" role="form">
          <h2 class="modal-title" id="subscribeModalLabel">Stay up to date</h2>

          <input type="email" name="email" id="email" pattern="[^ @]*@[^ @]*" class="form-control" placeholder="your@email.com" required="">

          <button type="submit" class="form-control">Notify</button>
        </form>
      </div>

      <div class="modal-footer justify-content-center">
        <p>By signing up, you agree to our Privacy Notice</p>
      </div>
    </div>
  </div>
</div>

<script src="js/bootstrap.bundle.min.js"></script>

</body>
</html>